<html>
	<head>
		<title>minitabs</title>
		<link rel="stylesheet" type="text/css" href="css/minitabs.css"/>
  		<link rel="stylesheet" type="text/css" href="css/admin-merged-1.0.0.0.css"/>
		
		<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js" type="text/javascript"></script>
		<script src="jquery/jquery-minitabs.js" type="text/javascript"></script>
		<script type="text/javascript">
		$( document ).ready( function() {			
			$( '#menucontainer' ).minitabs();			
		});
		</script>
	</head>

	<body>
		<div id="menucontainer">
          <ul class="menu">
            <li><a href="#tab-1" class="opener"><span>Tab one</span></a></li>
            <li><a href="#tab-2" class="opener"><span>Tab two</span></a></li>
            <li><a href="#tab-3" class="opener"><span>Tab three</span></a></li>
		  </ul>
          <div id="tab-1" class="minitabsContent">
            This is the first tab content
          </div>
          <div id="tab-2" class="minitabsContent">
            This is the second tab content
          </div>
          <div id="tab-3" class="minitabsContent">
            This is the third tab content
          </div>
		</div>
	</body>
</html>
